         <nav class="navbar navbar-dark navbar-full" role="navigation">
          <div class="container">
            <a class="navbar-brand" href="index.html">Navbar</a>
               <button class="navbar-toggler hidden-md-up pull-xs-right" type="button" data-toggle="collapse" data-target="#collapsiblecontent">
                &#9776;
              </button>
              <ul class="nav navbar-nav navbar-toggleable-sm collapse pull-md-right" id="collapsiblecontent">
                <li class="nav-item">
                  <a class="nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="#">Features</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="#">Pricing</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="#">About</a>
                </li>
              </ul>
          </div>
          </nav>
